import React from 'react';
import VisualizationHeader from '../VisualizationHeader';
import VisualizationLeft from '../VisualizationLeft';
import VisualizationCenter from '../VisualizationCenter';
import VisualizationRight from '../VisualizationRight';
import styles from './index.less';

export default () => {
  return (
    <div>
      <div className={styles.header_container}>
        <VisualizationHeader></VisualizationHeader>
      </div>
      <div className={styles.home_container}>
        <div className={styles.home_left}>
          <VisualizationLeft></VisualizationLeft>
        </div>
        <div className={styles.home_center}>
          <VisualizationCenter></VisualizationCenter>
        </div>
        <div className={styles.home_right}>
          <VisualizationRight></VisualizationRight>
        </div>
      </div>
    </div>
  );
};
